<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>雨果云餐厅</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 页头 -->
    <div id="header">
        <!-- 导航 -->
        <div class="nav">
            <div>
                雨果云餐厅
            </div>
            <div>
                <span class="iconfont icon-sangedian-copy"></span>
                <span class="iconfont icon-yuanquan"></span>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div id="main">
        <div class="banner swiper">
            <!-- 轮播区 -->
            <div class="swiper-wrapper">
                <!-- js渲染 -->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <div class="info">
            <h4>雨果餐厅</h4>
            <ul>
                <li>
                    <div><span class="iconfont icon-ditu2"></span><a href="javascript:;">成都市武侯区星悦荟</a></div>
                    <div><a href="javascript:;">地图</a><span class="iconfont icon-dayu"></span></div>
                </li>
                <li>
                    <div><span class="iconfont icon-shijian"></span><a href="javascript:;">营业时间</a></div>
                    <div><a href="javascript:;">9:00-21:00</a></div>
                </li>
                <li>
                    <div><span class="iconfont icon-dianhua"></span><a href="javascript:;">联系电话</a></div>
                    <div><a href="javascript:;">028-88888888</a></div>
                </li>
            </ul>
        </div>
        <div class="food">
            <h3>店家推荐</h3>
            <!-- 菜品 -->
            <ul class="food-list">
                <!-- js渲染 -->
            </ul>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer">
        <div>
            <span class="iconfont icon-shouye"></span>
            <a href="index.html">首页</a>
        </div>
        <div>
            <span class="iconfont icon-caidan"></span>
            <a href="menu.html">菜单</a>
        </div>
        <div>
            <span class="iconfont icon-gouwuche"></span>
            <a href="cart.html">购物车</a>
        </div>
        <div>
            <span class="iconfont icon-wode"></span>
            <a href="oner.html">我的</a>
        </div>
    </div>
    <script src="../js/rem.js"></script>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/totalTool.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>